﻿@{
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "主界面";
}
<style>
    .timer {
        height: 3px;
        left: 0;
        bottom: 0;
        position: relative;
        margin: 2px 0px 0px;
        background: #000;
        opacity: 0.5;
        z-index: 10;
        width:0%;
    }

    .nav-row {
        border-top: 1px solid #eee;
        border-bottom: 2px solid #438eb9;
    }

        .nav-row .btn-group {
            right: 0px;
            background-color: #fff;
            border-left: 1px solid #eee !important;
        }

    .content-tabs {
        padding: 0px !important;
        border: none;
    }

        .content-tabs button {
            background: #fff;
            border: none;
            outline: none;
        }

    .roll-nav {
        position: absolute;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #999;
        z-index: 2;
        top: 0;
    }

    .roll-left {
        border-right: 1px solid #eee;
    }

    .roll-right {
        right: 100px;
        border-left: 1px solid #eee;
    }

    button.roll-nav:hover {
        background-color: #f2f2f2;
    }

    .menuTabs {
        height: 40px;
        line-height: 40px;
        width: 10000px !important;
        position:relative;
        border: none;
        margin-left:0px;
        left:0px;
        padding-left:40px;
        margin-bottom: 0px;
    } 
        .menuTabs li {
            border: none;
            float: left;
            list-style: none;
        }

        .menuTabs li a {
            height: 40px;
            line-height: 40px;
            border: none;
            box-shadow: initial;
            display: block;
            padding: 0px 15px;
            color: #999;
            border-right: 1px solid #eee;
            text-decoration: none;
        }

        .menuTabs li a:hover {
            background-color: #f2f2f2;
        }

        .menuTabs li a .fa {
            margin-left: 5px;
        }

        .menuTabs li.active a {
            background-color: #438eb9;
            color: #fff;
        } 
        .menuTabs li.active a:hover {
            background-color: #438eb9;
        }

    .nav-row .btn-group .tabClose {
        padding: 0px;
        margin: 0px;
        height: 40px;
        width: 100px;
        background-color: #fff !important;
        color: #999 !important;
        text-shadow: none !important;
        font-weight: 100 !important;
    }
    .mainContent {
        margin-top:48px;
        height:100%;
        width:100%;
        overflow:hidden;
        padding:0px;
    }
        .mainContent .J_iframe {  
            display:none;
            margin:0px;padding:0px;
        }
        .mainContent iframe.On {
            display:block;
        }
</style>

<div class="breadcrumbs breadcrumbs-fixed content-tabs" id="breadcrumbs">
    <div class="timer" id="timer"></div>
    <div style="position:relative;width:100%;" class="nav-row">
        <button class="roll-nav roll-left"><i class="fa fa-backward" aria-hidden="true"></i></button>
        <ul class="menuTabs" id="menuTabs">
            <li id="tabsHome" data-id="Home" class="active">
                <a href="javascript:">
                    首页
                </a>
            </li>
        </ul>
        <button class="roll-nav roll-right"><i class="fa fa-forward" aria-hidden="true"></i></button>
        <div class="btn-group" style="position:absolute;top:0px;z-index: 2;">
            <button data-toggle="dropdown" class="btn btn-default dropdown-toggle tabClose" aria-expanded="false">
                关闭操作
                <i class="ace-icon fa fa-angle-down icon-on-right"></i>
            </button>

            <ul class="dropdown-menu  dropdown-menu-right">
               
                <li class="tabCloseAll">
                    <a href="javascript:">关闭全部选项卡</a>
                </li>

                <li class="divider"></li>
                <li class="tabCloseOther">
                    <a href="javascript:">关闭其他选项卡</a>
                </li>

            </ul>
        </div>
    </div>
</div>
<div class="mainContent" id="mainContent">
    <iframe id="iframeHome" class="J_iframe On" src="@Url.RouteUrl("homeMainIndex")" frameborder="0"></iframe>
</div> 










